<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<style>
    .p{
	width: 500px;
	height: 270px;
	position: relative;
}
.z{
	position: absolute;
	left: 0;
	top: 0;
}
.y{
	position: absolute;
	right: 85px;
	top: 199px;
}
.p:before{
	content: "";
	width: 500px;
	height: 270px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(./哈.jpg) no-repeat;
}
.b{
    position: absolute;
    top: 27%;
    right: 27%;
}
body{
    
    background-repeat: no-repeat;
    background-position: 100%;
}
</style>
<body>
    <div class="b">
        <div class="p">
            <img src="./左.png" alt="" class="z">
            <img src="./右.png" alt=""  class="y">
        </div>
    </div>
	

</body>
</html>